<template>
	<view>
		<view class="comment__top flex-x center">
			<view class="comment__active">全部<span>(99+)</span></view>
			<view>有图<span>(99+)</span></view>
			<view>好评<span>(99+)</span></view>
			<view>中评<span>(99+)</span></view>
			<view>差评<span>(99+)</span></view>
		</view>
		
		<view class="comment__content">
			<comments
				head="http://mer.crmeb.net/uploads/def/20201210/0977b8689429d1f8f5bd785a5b2665a2.png"
				name="狗狗***" comment="嘿嘿嘿，真的不错喔"
				time="2021-02-06"
				:images="['http://mer.crmeb.net/uploads/def/20201210/0977b8689429d1f8f5bd785a5b2665a2.png' ,'http://mer.crmeb.net/uploads/def/20201210/0977b8689429d1f8f5bd785a5b2665a2.png']"/>
			
			<comments
				head="http://mer.crmeb.net/uploads/def/20201210/0977b8689429d1f8f5bd785a5b2665a2.png"
				name="猫猫***"
				comment="这里是评论啊"
				time="2020-12-24"/>
			
			<comments
				head="http://mer.crmeb.net/uploads/def/20201210/0977b8689429d1f8f5bd785a5b2665a2.png"
				name="猫猫***"
				comment="这里是评论啊"
				time="2020-12-24"/>
				
			<comments
				head="http://mer.crmeb.net/uploads/def/20201210/0977b8689429d1f8f5bd785a5b2665a2.png"
				name="猫猫***"
				comment="这里是评论啊"
				time="2020-12-24"/>
		</view>
		
		<!-- 列表结束 -->
		<view class="comment__bottom flex-x center">
			<view>—— 没有更多了 ——</view>
		</view>
	</view>
</template>

<script>
	import comments   from "@/components/goodsMsg/comments.vue";
	export default {
		components: {
			comments
		}
	}
</script>

<style>
	@import url("./style/comment.css");
</style>
